<template>
  <div >
    首页
    <button open-type="getUserInfo" @getuserinfo="getUserInfo">获取用户信息</button>
  </div>
</template>

<script>

export default {
  methods:{
    //获取用户信息
    getUserInfo(e){
      //判断授权是否成功
      if(e.mp.detail.userInfo){
        //console.log(e.mp.detail.userInfo)
        //将用户信息存到vuex中    https://llt-lowlands-28049.herokuapp.com
        this.$store.dispatch('setIsAuthenticated',true)
        this.$store.dispatch('setUser',e.mp.detail.userInfo)
        //获取code
        this.getCode()
      }
    },

    getCode(){
      wx.login({
        success:res => {
          console.log(res)
          this.getOpenid(res.code)
        }
      })
    },

    getOpenid(code){
      //三个参数appid secret code
      const appid = '';
      const secret = '';

      this.$https.request({
        url:this.$interfaces.getOpenid + appid + '/' + secret + '/' + code,
        method:'get'
      }).then(res=>{
        console.log(res)

        //将openId存到vuex中
        this.$store.dispatch('setOpenId',res.openid)

      }).catch(err=>{
        console.log(err)
      })



      //加载动画
//      wx.showLoading({
//        title:"加载中..."
//      });
//
//      wx.request({
//        url:this.$interfaces.getOpenid + appid + '/' + secret + '/' + code,
//        method:'get',
//        success(res){
//          wx.hideLoading();
//          console.log(res.data)
//        },
//        fail(err){
//          wx.hideLoading();
//          console.log(err)
//        }
//      })

    }

  }
}
</script>

<style scoped>

</style>
